<template>
  <div class="page-container">
    <page-header title="发起项目报备"></page-header>

    <div class="page-card">
      <a-form>
        <a-form-item label="项目名称" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-input placeholder="请输入项目名称" />
        </a-form-item>

        <a-form-item label="项目类型" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择项目类型">
            <a-select-option value="1">
              项目类型1
            </a-select-option>

            <a-select-option value="2">
              项目类型2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="项目模板" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择项目模板">
            <a-select-option value="1">
              项目模板1
            </a-select-option>

            <a-select-option value="2">
              项目模板2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="项目模板" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择相关客户" mode="multiple">
            <a-select-option value="1">
              相关客户1
            </a-select-option>

            <a-select-option value="2">
              相关客户2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="关联项目" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择关联项目" mode="multiple">
            <a-select-option value="1">
              关联项目1
            </a-select-option>

            <a-select-option value="2">
              关联项目2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="材料附件" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择材料附件" mode="multiple">
            <a-select-option value="1">
              材料附件1
            </a-select-option>

            <a-select-option value="2">
              材料附件2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="报备说明" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-textarea placeholder="请输入报备说明" :rows="6" />
        </a-form-item>

        <a-form-item :wrapper-col="{ offset: 2 }">
          <a-space align="end" style="width: 100%;">
            <a-button>
              存为草稿
            </a-button>

            <a-button type="primary">
              发起报备
            </a-button>
          </a-space>
        </a-form-item>
      </a-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'reportForm',
  data () {
    return {};
  },
  mounted () {

  },
  methods: {}
};
</script>

<style lang="scss" scoped>
</style>
